$(function(){
    // 查询全部，并绑定数据到页面
    $.get(  // 发送AJAX请求
        // 请求地址
        "../GetUsersServlet?type=queryIndex",
        // 请求参数
        {
            start:1,
            count:4
        },
        "json"
    ).done(function(data){
        console.log("成功了，哈哈哈。");
        var rdata = eval("("+data+")");
        // 回调函数（响应成功后要做什么）
        $.each(rdata,function(i){
            // 创建tr对象
            var tr = $('<tr id="info_tr'+rdata[i].sid+'" class="td1"></tr>');
            // 把tr加到表格中
            $("#tab-head").append(tr);
            // 添加td
            tr.append('<td ><input type="text" name="stuid"  value="'+rdata[i].sid+'" /></td>');
            tr.append('<td ><input type="text" name="stuid"  value="'+rdata[i].sname+'" /></td>');
            tr.append('<td ><input type="text" name="stuid"  value="'+rdata[i].sex+'" /></td>');
            tr.append('<td ><input type="text" name="stuid"  value="'+rdata[i].age+'" /></td>');
            tr.append('<td ><input type="text" name="stuid"  value="'+rdata[i].classes+'" /></td>');
            tr.append('<td ><input type="text" name="stuid"  value="'+rdata[i].sgroups+'" /></td>');
            tr.append('<td ><input type="text" name="stuid"  value="'+rdata[i].dorm+'" /></td>');
            tr.append('<td ><input type="text" name="stuid"  value="'+rdata[i].tel+'" /></td>');
            var button = "<td><button onclick='update("+rdata[i].sid+")'>修改</button>" +
                "<button onclick='remove("+rdata[i].sid+")'>删除</button></td>";
            tr.append(button);
        });
    }).fail(function(){
        console.log("出错了。");
    });
    $.get("../GetUsersServlet?type=queryCount").done(function(data){
        ///alert(data);
        console.log("ajax 2");
        $("#pageIndex").html('1');
        $("#allPage").html(Math.ceil(data/4));
        $("#allLine").html(data);
    });
});